<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>出国桥简历填写</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/sm.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
  </head>
  <body>
    <div class="page-group">
        <div class="page page-current" id="sy">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">完善个人资料</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block bac">
		    <ul>
		      
		      <!-- 姓名 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">姓名</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入姓名">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 性别 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">性别</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>男</option>
		                <option>女</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 身高 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">身高</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入身高">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 体重 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">体重</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入体重">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 手机号码 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">手机号码</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入手机号码">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 邮箱 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">邮箱</div>
		            <div class="item-input">
		              <input type="email" placeholder="输入邮箱">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- QQ -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">QQ</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入QQ">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 出生日期 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">出生日期</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      
		     
		       <!-- 最高学历 -->
		       <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">最高学历</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>博士</option>
		                <option>硕士</option>
		                <option>本科</option>
		                <option>专科</option>
		                <option>高中</option>
		                <option>初中</option>
		                <option>小学</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 语言水平 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">语言水平</div>
		            <div class="item-input">
		              <input type="text" id='picker-plane' placeholder="语言水平"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 户口城市 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">户口城市</div>
		            <div class="item-input">
		              <input type="text" id='picker-resi' placeholder="户口城市"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		     <!-- 居住城市 -->
		     <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">居住城市</div>
		            <div class="item-input">
		              <input type="text" id='picker-live' placeholder="居住城市"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		     </li>
		      
		    </ul>
		  </div>

		  <div class="content-block">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external one">下一步：完善出国意向(1/5)</a></p>
		    
		  </div>
        </div>
    </div>
    <!--完善出国意向-->
    <div class="page page-current nod" id="qz">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">完善出国意向</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block">
		    <ul>
		       <!-- 意向国家 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">意向国家</div>
		            <div class="item-input">
		              <input type="text" id='resu' placeholder="最多选3个"/>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 意向职位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">意向职位</div>
		            <div class="item-input">
		              <input type="text" id='zhiwe' placeholder="最多选3个">
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 期望工资 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">期望工资</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>3000</option>
		                <option>3000-5000</option>
		                <option>5000-10000</option>
		                <option>10000-15000</option>
		                <option>15000-20000</option>
		                <option>20000-25000</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 接受办理费用 -->
		       <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">接受办理费</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>3000</option>
		                <option>3000-5000</option>
		                <option>5000-10000</option>
		                <option>10000-15000</option>
		                <option>15000-20000</option>
		                <option>20000-25000</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external two">下一步：完善工作经历(2/5)</a></p>
		  </div>
        </div>
    </div>
    
    <!--工作经历-->
    <div class="page page-current back nod" id="gz">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">完善工作经历</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylw">
		    <ul>
		    	<!-- 企业名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">企业名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入企业名称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 入职时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">入职时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 离职时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">离职时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 职位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label lette">职位</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入职位">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 工作内容 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">工作内容</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入工作内容">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 添加一条工作经历 -->
		      <li>
		        <div class="item-content" id="addw">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一条工作经历</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external three">下一步：完善教育经历(3/5)</a></p>
		  </div>
        </div>
    </div>
    <!--完善教育经历-->
    <div class="page page-current back nod" id="jy">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">完善教育经历</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjyl">
		    <ul>
		    	<!-- 学校名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学校名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入学校名称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 入学时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">入学时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 毕业时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">毕业时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 专业名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">专业名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入专业">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 学历学位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学历/学位</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>博士</option>
		                <option>硕士</option>
		                <option>本科</option>
		                <option>专科</option>
		                <option>高中</option>
		                <option>初中</option>
		                <option>小学</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 添加一条教育经历 -->
		      <li>
		        <div class="item-content" id="add">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一条教育经历</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external four">下一步：总结我的特点(4/5)</a></p>
		  </div>
        </div>
    </div>
    <!--总结我的特点-->
    <div class="page page-current back nod" id="jt">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">总结我的特点</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjylf">
		    <ul>
		    	<!-- 我的特点 -->
		     <li class="align-top">
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-comment"></i></div>
          <div class="item-inner">
            <div class="item-title label">我的特点</div>
            <div class="item-input borw">
              <textarea placeholder="输入文本"></textarea>
            </div>
          </div>
        </div>
        <div class="content-block">
		        <p class="clal">一句话说明自己的特点，如：</p>
		        <p class="clal">8年建筑工工作经验，会看图纸，会下料</p>
		        <p class="clal">3年幼师教育，获得省优秀教师称号</p>
		        <p class="clal">在新加坡做销售工作2年，英语可熟练交流</p>
		      </div>
      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="javascript:;" class="button button-big bor external five">创建完成(5/5)</a></p>
		  </div>
        </div>
    </div>
    
    </div>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <!--省市区-->
    <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
    <script>$.init()</script>
    <script type="text/javascript" src="../js/reload.js" ></script>
   <script>
	
	$("#picker-plane").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">语言水平</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英语', '日语', '韩语', '法语', '韩语', '日语', '法语', '英语']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['一般', '熟练', '精通']
	    }
	  ]
	});
	$("#resu").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">意向国家</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    }
	  ]
	});
	$("#zhiwe").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">意向职位</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    }
	  ]
	});
	
	</script>
	<!--省市区-->
	<script>
	  $("#picker-resi").cityPicker({
	    toolbarTemplate: '<header class="bar bar-nav">\
	    <button class="button button-link pull-right close-picker">确定</button>\
	    <h1 class="title">户口城市</h1>\
	    </header>'
	  });
	  $("#picker-live").cityPicker({
	    toolbarTemplate: '<header class="bar bar-nav">\
	    <button class="button button-link pull-right close-picker">确定</button>\
	    <h1 class="title">居住城市</h1>\
	    </header>'
	  });
	</script>
	<script>
		$(function(){
	     $(document).on('click','#add',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjyl').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
		$(function(){
	     $(document).on('click','#addw',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjylw').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
		
	</script>
  </body>
</html>